<template>
    <van-skeleton title :row="3" v-if="gj" />
    <div v-else>
        <van-nav-bar title="支付页面" left-text="返回" left-arrow @click-left="onClickLeft" />

        <van-address-list v-model="chosenAddressId" :list="list" :disabled-list="disabledList" default-tag-text="默认"
            @add="onAdd" @edit="onEdit" />

        <div class="box1">
            <p>支付时间<span>2025—7—15</span></p>
            <p>收货人<span>刘世光</span></p>
            <p>支付方式<span>支付宝支付</span></p>
            <p>交易关闭<span>…………</span></p>
            <p>实际金额<span>￥234903</span></p>
        </div>
    </div>
</template>

<script setup>
import { ref } from 'vue';
let gj = ref(true);
setTimeout(() => {
    gj.value = false
}, 1000)
const list = [
    {
        id: '1',
        name: '张三',
        tel: '13000000000',
        address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
        isDefault: true,
    },
]
</script>

<style lang="scss" scoped>
.box1 {
    span {
        margin-left: 160px;
    }
}
</style>